<template>
  <div class="society-rule container">
    <h2 class="rule-item">西柚社团管理规章制度</h2>
    <h4 class="rule-item">总则</h4>
    <p class="rule-item">总则 第一条、社团作为一个新生的团体，在学员学习过程中发挥着不可替代的作用。为了完善社团的管理制度， 进一步活跃学习气氛， 培养综合素质全面发展的人才， 特拟订本章程。
      第二条、社团是由我校在籍学生按照自愿的原则组织和参加的群众性组织。社团应遵守四项基本原则，遵守国家法律、法规和校纪、校规的基础等。
      活动内容1.发挥桥梁纽带作用，开拓同学们的思维，促进同学之间的友谊。2.收集社员在学习方面有关问题，定期进行交流、总结，开阔社员的知识方面。3.根据实际需要，开展其它有益活动。</p>
    <h4 class="rule-item">社团</h4>
    <p class="rule-item">一个人只能创建一个社团！！！</p>
    <p class="rule-item">一个人最多加入三个社团！！！</p>
    <h4 class="rule-item">活动分数要求</h4>
    <div class="rule-item tag-list">
      <p class="rule-item">校级活动分数梯度</p>
      <span>2.5</span>
      <span>3.0</span>
      <span>4.0</span>
      <span>5.0</span>
    </div>
    <div class="rule-item tag-list">
      <p class="rule-item">院级活动分数梯度</p>
      <span>1.0</span>
      <span>1.5</span>
      <span>2.0</span>
      <span>2.5</span>
      <span>3.0</span>
    </div>
    <div class="rule-item tag-list">
      <p class="rule-item">社团活动分数梯度</p>
      <span>0.5</span>
      <span>1.0</span>
      <span>1.5</span>
      <span>2.0</span>
    </div>
    <h5 class="rule-item">
      <span>友情提示： 根据活动类型以及活动范围合适选择相应分数，以便快速通过审核 </span>
    </h5>
  </div>
</template>
<script lang="ts" setup>
</script>
<style lang="scss" scoped>
.society-rule {
  width: 80%;
  height: 77rem;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  padding: 2rem;
  color: #303133;

  .rule-item {
    margin: 1.4rem 0;
  }

  h2 {
    text-align: center;
    font-size: 2.4rem;
  }

  h4 {
    font-size: 1.6rem;
    text-indent: 2em
  }

  p {
    font-size: 1.4rem;
    text-indent: 2em;
    font-weight: 500;
    line-height: 3rem;
  }
  h5{
    color: red;
    text-indent: 2em
  }

  .tag-list {
    span {
      background-color: #ecf5ff;
      border-color: #d9ecff;
      display: inline-block;
      height: 32px;
      padding: 0 10px;
      line-height: 30px;
      font-size: 12px;
      color: #409eff;
      border-width: 1px;
      border-style: solid;
      border-radius: 4px;
      box-sizing: border-box;
      white-space: nowrap;
      margin: 1rem;
    }
  }
}
</style>

